<template>

<el-container>
  <el-header>
  	<div>
  
  		<span>电商后台管理系统</span>
  	</div>
  	<el-button type="info">退出</el-button>
  </el-header>
  <el-container>
    <el-aside width="200px">Aside</el-aside>
    <el-container>
      <el-main>Main</el-main>
      <el-footer>Footer</el-footer>
    </el-container>
  </el-container>
</el-container>
  	<el-button type="info">退出</el-button>  	<el-button type="info">退出</el-button>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'Home',
  // components: {
  //   HelloWorld
  // }
	
}
</script>
<style lang="scss" scoped>
		.el-container {
		 	height: 100%;

		 }
	.el-header {
		background-color: #373f41;
		display: flex;
		justify-content: space-between;
		padding-left: 0;
		align-items: center;
		color: #fff;
		font-size: 20px;

		div {
			display: flex;
			align-items: center;


			span {
				margin-left: 15px;
			}
		}
	}

</style>
